<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body >
<div style="background-color: black;">
    <div style="width: 10%;background-color: #7cbe56;float: left;height: 50px;line-height: 50px">left</div>
    <div style="width: 70%;background-color: red;float: left;height: 30px">right</div>
    <div style="width: 70%;background-color: red;float: left;height: 20px">right</div>
    <div style="width: 10%;background-color: blue;float: left;height: 50px">right</div>
</div>

<!--<div style="background-color: #75ff31;height: 90px">-->
    <!--<div style="width: 10%;background-color: #7cbe56;float: left">left</div>-->
    <!--<div style="width: 70%;background-color: red;float: right;line-height: 90px">right</div>-->
<!--</div>-->

</body>
</html>